html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
body {font-family:"microsoft yahei","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Arial;font-size:12px;color:#666;background-color:#ECF0F1; line-height:170%;}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
ol,ul {list-style:none}

a {color: #333;text-decoration: none;}
a,a:focus,a:active,a:hover {outline:0 none!important}
img {  border: none;}
a img {  border: none;}
.clear{clear:both;} 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.blank5{height:5px;}
.blank10{height:10px;}
.blank20{height:20px;}
.fl{float:left;}
.fr{float:right;}
.w740{width:960px;}
.w210{width:210px;}
.box{ width:1172px; background:#fff; margin:30px auto; padding:36px;}

/*头部区域*/

.header{width:1172px;height:120px;margin:0 auto;position:relative;z-index:1;}
.header h1{width:200px;height:153px;float:left;}
.header h1.logo{background:url(logob.png) no-repeat left -20px;}
.header .txt{position:absolute;top:18px;right:16px;text-align:right;color:#333;_display:inline-block;}
.header .txt a{color: #333;}
.header .txt span{padding:0 10px;}
.header .tel{position:absolute;top:50px;right:16px;height:14px;line-height:14px;padding-left:70px;text-align:center;font-size:14px;color:#8d8c8c;}
.header .tel span{font-family:Verdana;}

.header .headright { float:right; width:972px;}
.header .companyname{ float:left; width:500px;}
.header .ver{ float:right; width:270px; text-align:right;}
.header .ver a{ color:#DF4C42; font-size:14px; }
.header .ver a:hover{ color:#000;}
.search{ margin:10px auto 0px auto; width:260px;}
.sk{ border:#DF4C42 solid 1px; height:34px; border-radius: 5px; width:210px}
 
 /*导航条*/
.nav-bg{ margin-top:10px; background:#DF4C42; }
.nav-bg-bottom{height:25px;background: url(nav-bg-bottom.png) repeat-x 0 bottom;}
.nav{width:973px;height:38px;margin:0 auto; line-height: 38px;  position:relative; z-index:1; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; width: 139px; background:#DF4C42 url(tab01.gif) no-repeat right center;}
.nav .nLi h3{ float:left; text-align:center; width: 139px; background:#DF4C42 url(tab01.gif) no-repeat right center;  }
.nav .nLi h3 a{ display:block; font-size:16px; width:139px; text-align:center; background:#DF4C42 url(tab01.gif) no-repeat right center;}
.nav .sub{ display:none; width:140px; left:0; top:38px;  position:absolute;  line-height:26px; padding:1px 0; background: #3b3e47;border: 1px solid #333;border-top: 0;border-bottom: 2px solid #333;padding: 2px 0px 5px 10px;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;-ms-border-radius: 0 0 2px 2px;-o-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px; }
.nav .sub li{ zoom:1; border-bottom:#555 dotted 1px; }
.nav .sub a{ display:block; background:none; }
.nav .sub a:hover{ background:#444; opacity:0.5; filter:alpha(opacity=50); color:#fff;  }
.nav .on h3 a{background:#F75C51; color:#fff; background:#DF4C42 url(tab01.gif) no-repeat right center;  }

.banner{width:1172px;margin:0 auto;}
/* 本例子css */
.slideBox{ width:1172px; height:480px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:30px; height:15px; line-height:16px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#DF4C42; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1172px; height:480px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



/* 内页bannercss */
.slideBoxb{ width:1172px; height:260px; overflow:hidden; position:relative;  }
.slideBoxb .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBoxb .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBoxb .hd ul li{ float:left; margin-right:2px;  width:30px; height:15px; line-height:16px; text-align:center; background:#fff; cursor:pointer; }
.slideBoxb .hd ul li.on{ background:#DF4C42; color:#fff; }
.slideBoxb .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxb .bd li{ zoom:1; vertical-align:middle; }
.slideBoxb .bd img{ width:1172px; height:260px; display:block;  }




.propic{ width:1170px;}
.propic ul{ list-style:none;}
.propic ul li{ float:left; margin:0px 16px 0px auto; text-align:center; font-size:14px; color:#333;}
.propic ul li img{ margin-bottom:10px;}
.propic ul li p{ margin-top:8px; font-size:12px}


.ans{ width:100%; margin-top:40px; border-bottom:#999999 dotted 1px;}
.about{ width:390px; background: url(arl.jpg) no-repeat right top; margin-right:20px; padding-right:20px; font-size:12px;}
.titlebg{ background:url(titlebg.jpg) no-repeat left top; width:384px; height:26px; line-height:20px; text-indent:25px; font-size:16px; font-weight:bold; color:#5a5a5a; margin-bottom:20px;}
.titlebg span{ float:right; font-size:12px; color:#999999; font-weight:normal;}
.titlebg2{ background:url(sbg.jpg) no-repeat left bottom; width:314px; height:26px; line-height:20px; text-indent:25px; font-size:16px; font-weight:bold; color:#5a5a5a; margin-bottom:10px;}
.news{ width:390px; background: url(arl.jpg) no-repeat right top; padding-right:20px;}
.news ul{ list-style:none;}
/* .news ul li{ height:33px; line-height:33px; border-bottom:#ddd dotted 1px; background:url(26.png) no-repeat left center; text-indent:20px;  }
.news ul li span{ float:right; font-size:12px; color:#999;}  */
.server{ width:314px;}
.snr{background:url(2013-kids-bg01_vlw7.jpg) repeat left top; padding:0px 15px 15px 15px; line-height:25px;}
.xx{ background:url(xtb3_rxom.png) no-repeat top center; width:90px; height:85px; line-height:85px; text-align:center; font-size:14px; margin-top:10px;}
.jr{ background:url(xtb22_dhjt.png) no-repeat top center; width:90px; height:85px; line-height:85px; text-align:center; font-size:14px; margin-top:10px;}
.ly{ background:url(xtb1_k6e5.png) no-repeat top center; width:90px; height:85px; line-height:85px; text-align:center; font-size:14px; margin-top:10px;}





.case{width:100%; margin:40px auto 40px auto; }
.casetitle{ font-size:18px; font-weight:bold; color:#333; text-align:center; background:url(casebg.jpg) no-repeat center 50px; height:120px;}
.casetitle span{ font-size:12px; font-weight:normal; color:#999; }

.mainbody {width: 100%;margin: 0 auto;}
.mainbody .bg{/*background:#fcfcfc;*/border: 1px soli;d #f4f4f4; border-bottom:2px solid #e6e6e6;  border-radius: 5px;padding: 15px;}
.mainbody .newwarp{width:300px;height:180px;float:left;}
.mainbody .newstitle{line-height:14px;height:20px; border-bottom:#DF4C42 solid 1px;}
.mainbody .newstitle a{color:#929292}
.mainbody .newstitle h3{float: left;font-size: 14px;}
.mainbody .newstitle .more{color:#2554b3;float:right;}
.mainbody .newsfocus{height:75px;padding:10px 0px 0px 0px;margin-bottom:8px;border-bottom:1px solid #e0e0e0;}
.mainbody .newsfocus div{float:left;width:60px;height:60px;margin-right:16px;}
.mainbody .newsfocus div a{width:60px;height:60px;border:1px solid #d2d2d0;border-radius:5px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:42px;*font-family:Arial;}
.mainbody .newsfocus div a img{border-radius:5px;vertical-align:middle;width:58px;height:58px;}
.mainbody .newsfocus h3{margin-bottom:3px;}
.mainbody .newsfocus h3 a{font-weight:bold;font-size:12px;color:#fe8216;}
.mainbody .newsfocus p{color:#8f8f8f;line-height:18px;}
.mainbody .indexnewslist li{color:#325e7f;line-height:24px;height:24px;}
.mainbody .indexnewslist li a{color:#325e7f;}
.mainbody .indexnewslist li span{float:right;font-family:Verdana;color:#8c8c8c;}
.mainbody .aboutus{width:365px;height:180px;float:right;line-height:22px;color:#888;}
.mainbody .aboutus img{float:left;margin:5px 15px 0px 0;}
.mainbody .aboutus a{color:#2554b3;}
.mainbody .contact{width:178px;height:180px;float:right;}
.mainbody .contact img{float:left;margin:5px 15px 0px 0;}
.mainbody .contactus a{color:#2554b3;}
.mainbody .contact {line-height:22px;}

.listpage {clear: both;text-align: center;}
.piclist{width:960px;}
.piclist ul{}
.piclist li{width:235px;float:left;height:220px;overflow:hidden;}
.piclist img{width:215px;height:160px;padding:2px;border: 1px solid #cfcfcf;margin-bottom:8px;}
.piclist a{}
.piclist a:hover{color:red;text-decoration:none;}
.picname{text-align:center;}
.mainbody .page h2 {text-align:center;margin:20px;}
.mainbody .info {text-align:center;color:#999;margin-bottom:20px;}
.content{line-height:24px;}
/* 本例子css */
.picMarquee-left{  position:relative;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; padding:0 5px;  }
.picMarquee-left .hd h3{float:left; font-size: 14px; }

.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{ padding:10px 5px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:130px; height:100px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

 /*友情连接*/
.link{ background:url(more.jpg) no-repeat left top; width:1242px; margin:0 auto; text-indent:120px; height:50px; line-height:50px;}
.link a{padding:0 15px;color:#fff}
.link a:hover{ color:#FFCC00;}

.sidenav{}
.sidenav .title{height:35px; line-height:35px;color:#666; font-size:16px; font-weight:bold;border-bottom:#E5E7E6 1px dashed;}
.sidenav .leftbox{ }
.sidenav .leftbox ul{}
.sidenav .leftbox li{_display:inline; overflow:hidden;}
.sidenav .leftbox a{ display:block; border-bottom:#E5E7E6 1px dashed; height:35px; line-height:35px; font-size:14px; color:#666; padding-left:5px;}
.sidenav  s{display: block;width: 5px;height: 9px;float: left;margin-right: 5px;margin-top: 12px;overflow: hidden;cursor: pointer;background: url("arrow.png") no-repeat;background-position: 0 -50px;}
.sidenav .leftbox .select,.helpleftsite .leftbox a:hover{ color:#f00; text-decoration:none; }
.mainbody .newslist h3{color:#333;height:30px;font-size:12px;padding-left: 5px;}
.mainbody .newslist h3 .bt{float:left;}
.mainbody .newslist h3 .more{float:right;}

.mainbody .newslist li{color:#325e7f;line-height:34px;height:34px; font-size:12px;border-bottom: #E5E7E6 1px dashed;}
.mainbody .newslist li a{float:left;color:#333;}
.mainbody .newslist li span{float:right;font-family:Verdana;color:#8c8c8c;}

.pinglunneirong{border:1px solid #CCCCCC; width:100%; height:80px; }
.input-text-c,.input-text,textarea,input.date{border:1px solid #D0D0D0;height:18px;margin:0 5px 0 0;padding:2px 0 2px 5px;border: 1px solid #d0d0d0;font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}
input.date{padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea{font-size:12px;height:auto; padding:5px; margin:0;}
select{vertical-align: middle;padding: 2px;-webkit-appearance: menulist;box-sizing: border-box;align-items: center;border: 1px solid #d0d0d0;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;white-space: pre;
-webkit-rtl-ordering: logical;color: black;background-color: white;cursor: default;}
.input-text-c{text-align:center}
.datatable thead td { border-bottom: 1px solid #EDEDED;color: #666666;padding: 5px;white-space: nowrap;}
.datatable tbody td { padding: 8px 0 8px 5px; border-bottom: 1px solid #EFEFEF; clear: both; overflow: hidden;font-size:12px;}
.datatable tbody tr:hover { background-color: #f1f8ff;}
.datatablepage {	clear:both;	padding-top:10px;}

/*表格表单*/
.table_form{font-size:12px}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 8px 8px}
.table_form tbody td,.table_form tbody th{ }

.button {padding:5px 15px;}
.footer{width:1242px;margin:0px auto; background:#999;}
.footer .footnav{height:29px; line-height:29px;text-align:center;color:#999;border-top: 1px dotted #CCCCCC;padding-top:10px;}
.footer .footnav a{ padding:0px 10px; color:#999; border-right:#ccc 1px solid;}
.footer .footnav a:hover{color:red;text-decoration:none;}
.footer .copyright{text-align:center;line-height:24px;padding-bottom:10px;}
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }


.mq{ width:1170px; margin:0px auto 10px auto; height:250px; /*border:#eee solid 1px;*/ padding:0px;}

.product_scroll{ margin-top:5px; padding:10px 15px 0px 15px; position:relative;}
.product_scroll_inner{ /*height:160px;*/ overflow:hidden;}
.product_scroll ul{ width:272px; float:left; padding:0px 5px; overflow:hidden; }
.product_scroll li .pic{width:262px; height:200px;}
.product_scroll li img{ width:262px; height:200px; padding:1px; border:1px solid #E8E8E8; overflow:hidden;}
.product_scroll li .text{ height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-align:center;  width:262px; margin:0 auto; display:block; }
.product_scroll .btn_l, .product_scroll .btn_r{ display:block; width:12px; height:55px; background:url(../images/roll.jpg) no-repeat 0 0; position:absolute; top:95px; cursor:pointer;}
.product_scroll .btn_l{ left:0;}
.product_scroll .btn_r{ background:url(../images/roll.jpg) no-repeat right 0; right:0;}
.product_scroll li a{ line-height:22px;}


.foot{ width:1170px; margin:0px auto; overflow:hidden; padding-top:25px; padding-bottom:30px;}
.foot_subnav{ width:1170px; float:left;}
.foot_subnav ul h3{ color:#FFFFFF; font-size:14px; font-weight:bold; display:block; margin-bottom:10px; padding-bottom:8px; border-bottom:#555 solid 1px;}
.foot_subnav ul h3 a{ font-size:15px; color:#555;}
.foot_subnav ul li{ line-height:28px;}
.foot_subnav ul li a{ color:#5e5e5e; background:url(../images/home_pc3.gif) left no-repeat;  }
.foot_subnav ul li a:hover{ text-decoration:underline;}
.foot_subnav1{ float:left; margin-right:35px; width:160px; min-height:260px; text-align:left; background:url(../images/fline.png) repeat-y 100px top;}
.foot_subnav1 a{ color:#fff;}
.foot_subnav1 a:hover{ color:#DF4C42;}
.foot_subnav1 li{ line-height:28px; height:28px; text-align:left;overflow:hidden;}
.foot_subnav1 li a{line-height:28px; height:28px;overflow:hidden;}
.foot_subnav2{ float:left; width:120px; text-align:left}
.foot_subnav2 li{ line-height:28px; height:28px; text-align:left;overflow:hidden;}
.foot_subnav2 li a{line-height:28px; height:28px;overflow:hidden;}


/* 产品说明标签切换样式 */
.gr-tab-list{overflow:hidden; margin-top:60px; margin-bottom:20px;}
.gr-tab-list .hd{height:29px;line-height:29px;border-bottom:1px solid #DF4C42}
.gr-tab-list .hd li{width:100px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer;}
.gr-tab-list .hd li.on{background:#DF4C42 ;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.tab_down p{ height:35px;line-height:35px;border-bottom:1px dotted #ddd;background:url(../images/ly_li.png) no-repeat left center;padding-left:15px;}
.tab_down p a{float:right;background:url(../images/downIcon.png) no-repeat right center;padding-right:25px;}
.tab_down p a:hover{background:url(../images/downIconh.png) no-repeat right center;}


/* 本例子css */
		.sideMenu{ border:1px solid #ddd;  }
		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
			font:normal 14px/32px "Microsoft YaHei";
		}
		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }



.daili_list{ margin:0 auto; padding:0px;}
.daili_list ul dl dt{height:35px; line-height:35px; margin:0px auto; padding:0px;}
.daili_list ul dl dt a{height:35px; line-height:35px; text-decoration:none; display:block; text-indent:1px; text-align:left; font-size:14px; font-weight: bold; margin:0 auto;}
.daili_list ul dl dt a:hover{height:35px; line-height:35px; text-decoration:none; display:block; text-indent:1px; text-align:left; font-size:14px; font-weight: bold;}
.daili_list ul dl dt .current {display:block;font-size:12px;color:#ff0000;font-size:12px;font-weight:normal;height:35px;line-height:35px; margin:0 auto; padding:0px;}

.daili_list ul dl dd{padding:0px;margin:0px;border-bottom:1px dashed #ccc; background:url(../images/reddian.gif) no-repeat 5px center; color:#333; text-align:15px;}
.daili_list ul dl dd a{display:block;font-size:12px;color:#333;font-size:12px;font-weight:normal;height:30px; overflow:hidden;line-height:30px; text-indent:15px;  background:url(../images/reddian.gif) no-repeat 5px center; }
.daili_list ul dl dd a:hover{display:block;font-size:12px;color:#fff;font-size:12px;font-weight:normal;background:#DF4C42;height:30px;line-height:30px;text-indent:15px;}



/* news list */
.newsList li{padding:5px 0;height:90px;border-bottom:1px dashed #d9d9d9;overflow:hidden;}
.newsList li img{display:block;float:left;margin-right:15px;height:90px; width:130px;}
.newsList li h3{font-size:15px;color:#333;font-weight:normal;}
.newsList li h4{color:#c8c8c8;font-weight:normal;}
.newsList li p{line-height:24px;padding-top:5px;color:#888;}